<!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8"/>
        <title>Journey through Space: A 3rd grade science learning module</title>
        <script src="scripts/SCORM_API_wrapper.js" language="javascript"></script>
        <script src="scripts/sessionstorage.1.4.js" language="javascript"></script>
        <script src="scripts/scripts.js" language="javascript"></script>
        <link href="styles/styles.css" type="text/css" rel="stylesheet"/>
    </head>
    
    <body onload="javascript:visitSaturn()">
        <div>
            <div>
                <table id="indextable">
                    <tr>
                        <td align="center"><img src="images/mercurytoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/venustoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/earthtoon.png" height="20px" width="20px"/></td>
                    </tr>
                        <td align="center"><img src="images/marstoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/suntoon.png" height="20px" width="20px"/></td>
                        <td align="center"><img src="images/jupitertoon.png" height="20px" width="20px"/></td>
                    <tr>
                        <td align="center"><img src="images/saturntoon.png" height="20px" width="45px"/></td>
                        <td align="center"><img src="images/uranustoon.png" height="20px" width="30px"/></td>
                        <td align="center"><img src="images/neptunetoon.png" height="20px" width="20px"/></td>
                    </tr>
                </table>
            </div>
                            
            <div id="headerimage">
                <a name="top">
                <img src="images/header.jpg"
                    alt="image of module title - Journey through Space: a 3rd grade science learning module"
                    title="image of module title - Journey through Space: a 3rd grade science learning module"
                    width="82%"/>
                </a>
            </div>
        </div>
        
        <div id="nav">
            <div id="nav_wrapper">
                <ul>
                    <li><a class="show" href="welcome.html">Welcome!</a>
                    </li>
                    <li><a class="show" href="sun.html">The Sun</a>
                    </li>
                    <li><a class="show" href="#">Rocky Planets</a>
                        <ul>
                            <li><a class="show" href="terresterial.html">Rocky Planet Intro</a>
                            </li>
                            <li><a class="show" href="mercury.html">Mercury</a>
                            </li>
                            <li><a class="show" href="venus.html">Venus</a>
                            </li>
                            <li><a class="show" href="earth.html">Earth</a>
                            </li>
                            <li><a class="show" href="mars.html">Mars</a>
                            </li>
                            <li><a class="show" id="terresterialquizlink" href="terresterialquiz.html">Rocky Planets Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li><a class="show" href="moon.html">The Moon</a>
                    </li>
                    <li><a class="show" href="asteroid.html">Asteroid Belt</a>
                    </li>
                    <li><a class="show" href="#">Gas Giants</a>
                        <ul>
                            <li><a class="show" href="gaseous.html">Gas Giants Intro</a>
                            </li>
                            <li><a class="show" href="jupiter.html">Jupiter</a>
                            </li>
                            <li><span class="menu-link-inactive" class="show" href="saturn.html">
                                Saturn</span>
                            </li>
                            <li><a class="show" href="uranus.html">Uranus</a>
                            </li>
                            <li><a class="show" href="neptune.html">Neptune</a>
                            </li>
                            <li><a class="hide" id="gaseousquizlink" href="gaseousquiz.html">Gas Giants Quiz</a>
                            </li>
                        </ul>
                    </li>
                    <li> <a class="hide" id="finalquizlink" href="endquiz.html">Final Quiz</a>
                    </li>
                    <li> <a class="hide" id="certificate" href="certificate.html">Certificate</a>
                    </li>
                </ul>
            </div>
            <!-- Nav wrapper end -->
        </div>
        <!-- Nav end -->
        
        <div>
            <article>
                <header>
                    <table align="center">
                        <tr>
                            <th><img src="images/boyastro.jpg" height="50px" width="50px"/></th>
                            <th><h1>Saturn: The sixth planet from the Sun</h1></th>
                            <th><img src="images/girlastro.jpg" height="50px" width="50px"/></th>
                        </tr>
                    </table>
                </header>
                
                <aside>
                    <table>
                        <tr>
                            <img src="images/saturn.jpg"
                                alt=""
                                title=""/>
                        </tr>
                        <tr>
                            <p>Saturn's surface is not solid, but made of gas.</p>
                        </tr> 
                        <tr>
                            <img src="images/saturnsrings.jpg"
                                alt="Saturn's surface is made of gas."
                                title="Saturn's surface is made of gas."/>
                        </tr>
                        <tr>
                            <p>Saturn has seven rings made of ice and rocks.</p>
                        </tr> 
                    </table>
                </aside>
                
                <section>
                    <div class="center">
                        <img src="images/saturncomic.png"
                            alt="Introduction comic to the Saturn page."
                            title="Introduction comic to the Saturn page."/>
                        <br/>
                        <audio controls>
                            <source src="audio/saturn.mp3" type="audio/mpeg">
                            <source src="audio/saturn.ogg" type="audio/ogg">
                            <source src="audio/saturn.wav" type="audio/wav">
                        </audio>
                    </div>
                    
                    <h3>Interesting Facts</h3>
                        <ul>
                        	<li>Saturn is the second largest planet in the solar system.</li> 
                            <li>Saturn is known as the jewel of the solar system because of its rings. 
                        	    The rings of Saturn look solid, but they are actually fragments of small 
                        	    particles of ice, dust and rocks.</li>
                        	<li>The rings were labeled in bands as they were discovered.</li>
                        	<li>It has 60 moons that are believed to keep the rings in place as 
                        	    <em>Shepard Moons</em>.</li> 
                        	<li>Saturn is made of hydrogen and helium but also smaller amounts of water 
                        	    vapor, methane, ammonia and sulfur. Saturn’s composition would allow it 
                        	    to float if immersed in water.</li>
                        </ul>
                    		
                    <h3>Saturn's Moons</h3>
                    	<p>Saturn is the mother planet to the moon Titan, the second largest moon 
                            in our solar system. Titan looks a lot like Earth did billions of years 
                            ago, except that it remains very cold at -150 Celsius. It also has 
                            seasons and rain made of <em>hydrocarbons</em>. It also has lakes and surface 
                            areas that look like shorelines and mountains.</p>
                    	<p>Another one of Saturn’s moons, Enceladus, is the 6th largest moon found 
                    	    orbiting Saturn. It only has a 500 kilometer diameter, which is about 
                    	    one-tenth that of Titan, Saturn’s largest moon. The interesting thing about 
                    	    Enceladus is that <em>cryovolcanoes</em> have been spotted near this moons 
                    	    south-pole.</p>
                
                    <a href="#top">Back to top</a>
                </section>
            </article>
        </div>
        
        <div>
            <footer>
                <cite>All information was collected from 
                    <a href="http://www.wikipedia.org">Wikipedia</a>, 
                    <a href="http://www.nasa.gov">NASA</a>, 
                    Etsy - Pretty Grafik Design</a>, &amp Etsy - Paula Kim Studio</a>
                </cite>
            </footer>
        </div>
    </body>
</html>
